.fx-row {
  display: flex;
}

.fx-col {
  @for $i from 1 through 24 {
    &.fx-col-#{$i} {
      width: calc(100% / 24 * #{$i});
    }
    &.fx-col-offset-#{$i} {
      margin-left: calc(100% / 24 * #{$i});
    }
  }

  &:last-of-type {
    padding-right: 0 !important;
  }
}
